{% extends "base.html" %} 

{% block head %}
  <style type="text/css">
    @import url('/css/help.css');
  </style>
{% endblock head %}

{% block body %}    
  <div id="wrap">
  {% include 'header.html' %}  
    <!-- starthelpcontent -->
    {% block content %}
      <h1>Welcome to the OpenSocial Dev App</h1>			
      <p>The OpenSocial Dev App gives you tools to test the OpenSocial 
      JavaScript API and rapidly prototype OpenSocial applications. </p>

      <h2>Getting Started</h2>

      <p>This guide will give you a quick overview of the features available 
      in the Dev App. Jump to any page as a reference, or use the navigation
      links to proceed through this guide in order.</p>
    
  		<ul>
  		  <li><a href="/help/codetab">Code Tab</a></li>
  		  <li><a href="/help/newstab">News Tab</a></li>
  		  <li><a href="/help/samplestab">Samples Tab</a></li>
  		  <li><a href="/help/dataviewertab">Data Viewer Tab</a></li>
  		  <li><a href="/help/exporttab">Export Tab</a></li>
  		</ul>
    
      <table class="gs-nav bottom"><tr>
        <td>&nbsp;</td>
        <td style="text-align: right"><a href="/help/codetab">Code Tab &gt;</a></td>
      </tr></table>
    
    {% endblock content %}
    <!-- endhelpcontent -->
  </div>
{% endblock body %}
